<template>
  <div class="storeAppointment">
    <c-title :hide="false" :text="'门店预约管理'"></c-title>
    <div class="contenBox">
      <router-link :to="fun.getUrl('AppointmentManage')">
        <div class="lis">
          <i class="iconfont icon-xiangmu_xiangmuguanli"></i>
          <span>项目管理</span>
        </div>
      </router-link>
      <router-link :to="fun.getUrl('AppointmentGoodManagerment')">
        <div class="lis">
          <i class="iconfont icon-a-ht_basis_shangpin_huaban1_huaban1"></i>
          <span>发布项目商品</span>
        </div>
      </router-link>
      <!-- <router-link :to="fun.getUrl('appointment_project')"> -->
        <div class="lis" @click="toProject">
          <i class="iconfont icon-fontclass-shenhe"></i>
          <span>预约管理</span>
        </div>
      <!-- </router-link> -->
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  methods:{
    toProject(){
      this.$router.push(this.fun.getUrl("AppointmentProject", {},{name:'store'}));
    }
  }
};
</script>
<style lang="scss" scoped>
.contenBox {
  margin: 0.63rem 0.75rem;
  background: #fff;
  border-radius: 0.5rem;
  display: flex;
  padding: 0.94rem 0;
  padding-left: 1.25rem;
  .lis {
    display: flex;
    flex-direction: column;
    margin-right: 2.5rem;
    .iconfont {
      font-size: 1.5rem;
    }
    span {
      margin-top: 0.75rem;
    }
  }
}
</style>
